body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, select, textarea, p, blockquote, th, td, img ,iframe { margin:0; padding:0; }
table{ border-collapse:collapse; border-spacing:0; }
input,button,textarea,option { font:12px "\5b8b\4f53", Arial, Helvetica, sans-serif; }
ul, li, div{ list-style:none; border:0px; }
img{ border:0px; }
.clear{ font:0px/0px serif; display:block; clear:both; }
html{ -webkit-text-size-adjust: none; }
input{ outline:none; vertical-align:middle; margin:0; padding:0;}
button{ border:none; margin:0; padding:0;}
textarea{ resize:none; vertical-align:middle;}
select{ vertical-align:middle;}
a{ text-decoration:none; }
.json{ display:none;}
body:nth-of-type(1) input:focus,textarea:focus{ outline:none; }
body{ font:12px "\5b8b\4f53","Tahoma","Arial","Microsoft Yahei"; color:#333; background:#fff; position:relative; overflow-x:hidden;}
/*header*/
#header{ width:100%; height:32px; margin:0 auto; background-color:#f5f5f5; border-bottom:1px solid #e5e5e5;}
.header{ width:1000px; height:32px; margin:0 auto;}
.header ul{ float:left;}
.header li{ float:left; font: normal 12px/32px "\5b8b\4f53","Tahoma"; color:#666;}
.header li input{ width:90px; height:18px; float:left; border:1px solid #d7d7d7; margin:6px 5px 6px 0;}
.header li button{ width:39px; height:19px; float:left; border:0; margin:6px 3px; background:url(../images/sample2014/sample2014.png) no-repeat 0 0; cursor:pointer;}
.header li a{ color:#666; padding:0 5px;}
.header p{ line-height:32px; float:right; color:#dfdfdf; margin-right:-5px;}
.header p a{ display:inline-block; color:#666; padding:0 5px;}
.header p a.mobile{ padding-left:22px; background:url(../images/sample2014/sample2014.png) no-repeat -114px 0; color:#5b7648;}
.header li a:hover,.header p a:hover{ color:#f60; text-decoration:underline;}
/*adPosition*/
.adPosition{ width:1000px; margin:0 auto; overflow:hidden;}
.adPosition ul{ width:1010px; display:inline; float:left; margin:0px 0 0 -5px;}
.adPosition li{ display:block; float:left; padding:10px 5px 0 5px;}
.adPosition img,.adPosition embed{}
/*top*/
.top{ width:1000px; height:83px; margin:0 auto; position:relative; z-index:9999;}
.top .logo{  position:absolute; left:0; top:5px;width: 200px;
	margin-top: 12px;}
.top h1{ width:90px; height:50px; position:absolute; left:246px; top:20px; font-size:24px; font-family:"Microsoft Yahei","\5b8b\4f53"; color:#f60;  text-indent:14px; border-left:1px solid #e2e2e2; font-weight:normal;}
.top p{ width:540px; height:22px; position:absolute; left:436px; top:56px; color:#555; font-weight:bold;}
.top p a{ font-weight:normal; color:#706e6c; padding:0 6px;}
.top p a.keyword{ color:#f60;}
.top p a:hover{ color:#f60; text-decoration:underline;}
.search{ width:419px; height:38px; position:absolute; z-index:3; top:21px; left:263px; border:1px solid #c1c1c1; border-right:0;}
input.text{ width:350px; height:38px; display:block; position:absolute; line-height:38px; border:0px; background:#fff; color:#666; text-indent:10px; top:22px; left:333px; z-index:3; font-size:14px;}
.top button{ width:71px; height:40px; display:block; position:absolute; top:21px; left:683px; background:url(../images/sample2014/sample2014.png) no-repeat 0 -20px; cursor:pointer; z-index:3;}
.selectbox-wrapper{ width:68px; border:1px solid #cdcdcd; border-top:0; background:#fff; text-align:center; position:absolute; top:61px; left:263px; z-index:9999;}
.selectbox-wrapper ul li.selected,.selectbox-wrapper ul li.current{ background:#1d59a1; color:#fff;}
.selectbox-wrapper ul li { padding-bottom:3px; width:68px; cursor:pointer; font-size:14px; line-height:18px; padding-top:3px; text-indent:20px; text-align:left;}
.selectbox { width:68px; height:36px; border:0; border-right:1px solid #d4d4d4; display:block; line-height:36px; font-size:14px; color:#666; z-index:10; position:absolute; top:23px; left:264px; text-indent:14px; cursor:pointer; background:#fff url(../images/sample2014/sample2014.png) no-repeat -74px -27px; }
.adRight{ position:absolute; left:800px; top:15px; z-index:1;}
.adRight a img{ width:200px; height:53px; }
/*nav*/
.nav{ width:1000px; height:37px; margin:0 auto; border-top:3px solid #1d59a1; border-bottom:5px solid #f0f0f0;}
.nav p{ width:999px; float: left; border-right: 1px solid #dedede; border-bottom:1px solid #dedede; font:bold 16px/37px "Microsoft Yahei","simhei"; }
.nav p a{ color:#333; padding:0 17px; height:37px; border-left:1px solid #dedede; display:inline-block; text-align: center; }
.nav p a.focus{ color:#fff; background:#1d59a1; border-left:1px solid #1d59a1; }
.nav p a:hover{ color:#fff; background:#1d59a1;}
/*sub*/
.website{ width:998px; height:36px; margin:0 auto; border:1px solid #e8e8e8; background:#fafafa; color:#e8e8e8;}
.website dt{ width:870px; height:36px; float:left; text-indent:68px; background:url(../images/sample2014/sample2014.png) no-repeat -67px -101px; overflow:hidden; line-height:37px;}
.website dt a{ color:#4e4e4e; padding:0 6px;}
.website dt a:hover{ color:#f60; text-decoration:underline;}
.website dd{ width: 96px; height: 37px; display: block; float: right; margin-right:12px; line-height: 37px; color: #bfbfbf; position: relative; z-index:9999;}
.website dd em{ width: 96px; height: 37px; display: block; position: absolute; z-index: 9; font: normal 12px/37px "Microsoft Yahei","simhei"; text-indent: 30px; background:url(../images/sample2014/websiteicon.png) no-repeat -82px -1px; right:20px;}
.website dd em.nobg{ background: none; }
.website dd em a{ color: #333; }
.website dd .morebg{ width: 96px; height: 37px; position: absolute; z-index: 1; border: 1px solid #bbbbbb; border-bottom: 1px solid #f5f5f6; background:url(../images/sample2014/websiteicon.png) #FFF no-repeat -82px -29px; right:20px;}
.website dd .morebg2{ width:96px; height:10px; position:absolute; top:30px; left:-21px; background-color:#fff; z-index:11; overflow:hidden;}
.website dd .morelist{ width: 184px; position: absolute; z-index: 8; border: 1px solid #bbbbbb; top: 32px; background: #fff; padding: 5px 2px; left:-22px;}
.website dd .morelist a{ width: 92px; height: 22px; display: block; float: left; text-align:center; margin: 3px 0; color: #333333; font: normal 12px/22px "\5b8b\4f53","Tahoma","Arial"; }
dl.website dd .morelist a:hover{ color: #535353; background: #e7e7e8; }
/*mainLeft*/
.main{ width:1000px; margin:7px auto 0;}
.left{ width:660px; float:left; margin-top:13px;}
.left h2{ width:658px; height:34px; float:left; background:#f6f6f6; border:1px solid #dbdee1; position:relative; z-index:1;}
.left h2 p{ width:338px; height:36px; position:absolute; left:0; top:-1px; z-index:2; font:bold 20px/32px "Microsoft Yahei","\5b8b\4f53";}
.left h2 a{ width:166px; height:34px; float:left; padding:0 1px; border:1px solid #dbdee1; border-left:0; text-align:center; color:#333; cursor:pointer; overflow:hidden;}
.left h2 a.active{ height:32px; border-top:3px solid #1d59a1; border-bottom:1px solid #fff; background:#fff; color:#1d59a1;}
.leftList{ width:660px; float:left; padding:8px 0 0; }
.leftList li{ width:660px; height:199px; float:left; border-bottom:1px dotted #dbdbdb;}
.leftList img{ width:115px; height:155px; float:left; border:5px solid #b9b7b7; margin:17px 14px 0 0;}
.leftList h3{ width:510px; height:22px; float:left; margin-top:24px; font:bold 16px/22px "Microsoft Yahei","\5b8b\4f53"; overflow:hidden;}
.leftList h3 a{ color:#333;}
.leftList dl{ width:510px; height:110px; float:left; margin-top:6px; font:normal 14px/22px "Microsoft Yahei","\5b8b\4f53"; color:#666; overflow:hidden;}
.leftList dt{ width:70px; float:left; color:#333;}
.leftList dd{ width:440px; float:left;}
.leftList span{ width:90px; float:right; margin:10px 20px 0 0; display:none;}
.leftList span a{ width:90px; height:25px; float:left; display:block; margin-top:12px; background:url(../images/sample2014/sampleIcon.gif) no-repeat;}
.leftList span a:hover{ background:url(../images/sample2014/sampleIcon.gif) no-repeat 0 -25px;}
.leftList span a.download{ background:url(../images/sample2014/sampleIcon.gif) no-repeat 0 -50px;}
.leftList span a.download:hover{ background:url(../images/sample2014/sampleIcon.gif) no-repeat 0 -75px;}
.leftList .hover{ background:#1d59a1; border-bottom:1px solid #1d59a1;}
.leftList .hover h3,.leftList .hover dl{ width:400px;}
.leftList .hover dd{ width:330px;}
.leftList .hover h3 a,.leftList .hover dt{ color:#fff;}
.leftList .hover dd{ color:#daecff;}
.leftList .hover span{ display:block;}
/*newspages*/
.newspages .prev,.newspages .prev:hover,.newspages .next,.newspages .next:hover{ background:#f2f2f2 url(../images/public/pagearrow.gif) no-repeat;}
.newspages{ width:660px; margin:0 auto; padding:15px 0; line-height:30px; color:#666; text-align: center; float:left; font-family:"Tahoma","\5b8b\4f53";}
.newspages a{ width:30px; height:30px; border:1px solid #c9c9c9; background:#f2f2f2; color:#666; display:inline-block; font-size:14px; line-height:30px; margin:0 3px; text-align:center; vertical-align: middle;}
.newspages .on{ border:1px solid #4f663e; background-color:#1d59a1; cursor:default; color:#fff;}
.newspages .ft{background:#f2f2f2 url(../images/public/pagearrow.gif) 2px -19px no-repeat;}
.newspages .lt{background:#f2f2f2 url(../images/public/pagearrow.gif) -24px -65px no-repeat;}
.newspages .ft:hover{background:#f2f2f2 url(../images/public/pagearrow.gif) 2px 4px no-repeat;}
.newspages .lt:hover{background:#f2f2f2 url(../images/public/pagearrow.gif) -24px -42px no-repeat;}
.newspages .page_etc{ color:#999; margin:0 10px;}
.newspages .page_turn{ position:relative; margin-left:10px;}
.newspages .page_turn b{ padding:0 5px;}
.newspages .jump input{ width:45px; height:21px; display:inline-block; margin:0 4px; border:1px solid #e4e4e4; text-align:center; color:#666; line-height:21px;}
.newspages button{ height:22px; padding:0 10px; border:1px solid #c9c9c9; background:#fff; color:#666; cursor:pointer; margin-left:2px; _margin-left:4px; _padding:0 5px;}
.newspages .prev{ background-position:0px -65px;}
.newspages .prev:hover{ background-position:0px -42px;}
.newspages .next{ background-position:-24px -19px;}
.newspages .next:hover{ background-position:-24px 4px;}
.newspages a:hover{ color:#000;}
.newspages .on:hover{ color:#fff;}
/*rank*/
.right{ width:298px; float:right; background:#f7f7f7; border:1px solid #efefef;}
.rank{ width:298px; float:left;}
.rightTitle{ width:298px; height:36px; float:left; margin-top:9px; background:#1d59a1; position:relative; z-index:1;}
.rightTitle h3{ width:299px; height:44px; position:absolute; left:-10px; top:0; padding-left:10px; background:url(../images/sample2014/sample2014.png) no-repeat -122px -138px; font:normal 22px/34px "Microsoft Yahei","\5b8b\4f53"; text-indent:15px;}
.rightTitle h3 a{ color:#fff;}
.rank ul{ width:262px; float:left; padding:6px 0; margin-left:18px; display:inline;}
.rank li{ width:262px; height:30px; float:left;}
.rank li b{ width:23px; height:18px; float:left; margin-top:5px; background:#fff; border:1px solid #1d59a1; color:#1d59a1; font:normal 15px/18px "Microsoft Yahei","\5b8b\4f53"; text-align:center;}
.rank li p{ width:225px; height:30px; float:left; margin-left:12px; font:normal 14px/30px "Microsoft Yahei","\5b8b\4f53"; overflow:hidden;}
.rank li p a{ color:#333;}
.rank li p a:hover{ color:#f60; text-decoration:underline;}
/*index*/
.index{ width:298px; float:left;}
.index form{ width:242px; height:30px; float:left; margin:18px 0 0 28px; display:inline; position:relative; z-index:1;}
.index input{ width:201px; height:28px; padding:0 4px 0 6px; position:absolute; left:0; top:0; border:1px solid #e5e5e5; border-right:0; font:normal 14px/28px "Microsoft Yahei","\5b8b\4f53"; color:#888;}
.index button{ width:30px; height:30px; position:absolute; left:212px; top:0; background:url(../images/sample2014/sample2014.png) no-repeat -102px -68px;cursor:pointer;}
.indexList{ width:298px; float:left; margin-top:16px; border-top:1px solid #efefef; padding-bottom:24px;}
.index ul{ width:261px; float:left; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; margin:16px 0 0 18px; display:inline;}
.index li{ width:260px; float:left; height:36px; border-top:1px solid #e6e6e6; border-right:1px solid #e6e6e6; background:#fff; position:relative; z-index:1;}
.index li a{ width:222px; float:left; height:38px; padding:0 20px; font:normal 14px/38px "Microsoft Yahei","\5b8b\4f53"; overflow:hidden; position:absolute; top:-1px; left:-1px; z-index:2; color:#555;}
.index li a:hover{ background:#1d59a1; color:#fff;}

/*ranknews*/
.ranknews{ width:300px; float:left; margin-top:20px; }
.ranknews .rankTop{ width:300px; height:36px; float:left; position:relative; background:#1F4A96; }
.ranknews .rankTop span{ width:132px; height:45px; position:absolute; top:0; left:-10px; background:url(../images/nlist2014/list2014.png) no-repeat 0 -175px; font: normal 22px/34px "Microsoft Yahei","simhei"; text-indent:22px; }
.ranknews .rankTop span a{ color:#fff; }
.ranknews .rankTitle{ width:300px; height:42px; float:left; background:#D1E1FE; position:relative; }
.ranknews .rankTitle p{ width:300px; height:30px; position:absolute; top:12px; left:11px; font: normal 16px/29px "Microsoft Yahei","simhei"; text-align:center; }
.ranknews .rankTitle a{ width:86px; height:29px; float:left; background:#D1E1FE; border:1px solid #A1C0F5; border-bottom:0; margin-left:4px; color:#1F4A96; }
.ranknews .rankTitle a.active{ background:#f7f7f7; border-bottom:1px solid #f7f7f7; font-weight:bold; }
.ranknews .rankMain{ float:left; display:none; }
.ranknews ul{ width:262px; float:left; padding:19px 18px 10px 18px; border-left:1px solid #efefef; border-right:1px solid #efefef; border-top:1px solid #A1C0F5; }
.ranknews ul li{ width: 261px; height: 30px; display: block; float: left; position: relative; overflow: hidden; }
.ranknews ul li b{ width: 23px; height: 18px; display: block; position: absolute; top: 6px; border: 1px solid #1F4A96; color: #1F4A96; font: normal 15px/18px "Microsoft Yahei","simhei"; text-align: center; }
.ranknews ul li span{ width: 235px; height: 30px; display: block; position: absolute; left: 30px; font: normal 14px/30px "Microsoft Yahei","simhei"; overflow: hidden; }
.ranknews ul li span a{ color: #333; }
.ranknews ul li img{ width: 100px; height: 80px; position: absolute; top: 34px; }
.ranknews ul li p{ width:132px; height: 60px; position: absolute; left: 100px; font: normal 12px/20px "Microsoft Yahei","simhei"; padding: 9px 12px; background: #fff; border:1px solid #DEDEDE; border-left: 0px; top: 34px; }
.ranknews ul li p a{ color:#1F4A96; }
.ranknews ul li span a:hover,.ranknews ul li p a:hover{ color:#f60; text-decoration:underline; }
.ranknews ul li.hover{ height: 118px; }

/*recom*/
.recom{ width:1000px; margin:24px auto 0;}
.recom h3{ width:998px; height:34px; float:left; background:#f6f6f6; border:1px solid #dbdee1; position:relative; z-index:1;}
.recom h3 p{ position:absolute; top:-1px; left:-1px; z-index:2;}
.recom h3 p a{ width:130px; height:32px; float:left; border:1px solid #dbdee1; border-bottom:1px solid #fff; border-top:3px solid #1d59a1; font:bold 20px/32px "Microsoft Yahei","simhei"; text-align:center; color:#1d59a1; background:#fff;}
.recomList{ width:1000px; height:162px; float:left; margin-top:18px; overflow:hidden; position:relative; z-index:1;}
.recom .prev,.after{ width:20px; height:64px; position:absolute; top:50px; left:0; background:url(../images/sample2014/bookIcon.png) no-repeat; z-index:2;}
.recom .prev:hover{ background:url(../images/sample2014/bookIcon.png) no-repeat -40px 0;}
.recom .after{ left:980px; background:url(../images/sample2014/bookIcon.png) no-repeat -20px 0;}
.recom .after:hover{ background:url(../images/sample2014/bookIcon.png) no-repeat -60px 0;}
.recom ul{ width:1015px; height:162px; overflow:hidden; position:absolute; left:0; top:0; z-index:1;}
.recom li{ width:118px; height:150px; float:left; margin-right:15px; padding:5px; border:1px solid #e3e3e3; position:relative; z-index:1;}
.recom li img{ width:118px; height:150px; position:absolute; top:5px; left:5px; z-index:1;}
.recom li .recomTitle{ width:130px; height:25px; display:block; position:absolute; top:136px; left:-1px; z-index:2; background:#333; font:normal 12px/25px "Microsoft Yahei","simhei"; color:#fff; text-align:center; overflow:hidden;}
.recom li .download{ width:56px; height:21px; background:url(../images/sample2014/sample2014.png) no-repeat -55px -138px; display:none; position:absolute; left:37px; top:67px; z-index:2;}
.recom .hover .recomTitle{ background:#5b7648;}
.recom .hover .download{ display:block;}
/*line*/
.line{ width:100%; float:left; margin-top:26px; height:96px;border-top:3px solid #dbdbdb;}
.lineBox{ width:1000px;margin:0 auto; position:relative; z-index:1;}
.adPosition2{ width:1000px; margin:0 auto; overflow:hidden; border-top:3px solid #717171; position:absolute; left:0; top:-3px; z-index:2;}
.adPosition2 ul{ width:1010px; display:inline; float:left; margin:0px 0 0 -5px;}
.adPosition2 li{ display:block; float:left; padding:10px 5px 0 5px;}
.adPosition2 img,.adPosition2 embed{ }

.publicbox{width: 100%}
.lostpro{width:450px;background: url(../images/lostpro.jpg) no-repeat;margin: 85px auto 0;padding-left: 165px;}
.lostpro span{font: 22px/44px "Microsoft Yahei";color: #333;}
.lostproab{font: 12px/30px "\5b8b\4f53";color: #767676;}
.lostproab a{background: url(../images/caigouSearch.png) no-repeat -145px -35px;padding-left: 12px;}
.backHome{ width:118px; height: 175px;}
.backHome img{ width:118px; height: 175px; display: block;}
/*foot*/
.foot{ width:1000px; margin:10px auto 0; text-align:center; color:#686161; padding-bottom:20px;}
.foot span{ width:998px; height:43px; float:left; line-height:43px; background-color:#f5f5f5; border:1px solid #e0dfdf; color:#686161;}
.foot span a{ padding:0 6px; color:#333333;}
.foot span a:hover{ color:#f60; text-decoration:underline;}
.foot p.web{ width:1000px; float:left; padding:15px 0; color:#686161; font-size:14px;}
.foot p.web a{ color:#686161;}
.foot p.web a:hover{ color:#f60; text-decoration:underline;}
.foot p{ font:normal 12px/26px "Tahoma", "\5b8b\4f53";}
.foot strong{ padding:0 25px 0 0;}
.foot b{ padding:0 1px;}
.foot b a{
	position: relative;
	cursor: pointer;
   }
   .foot b a .QQhover {
	position: absolute;
	left: 0px;
	bottom: 21px;
	border: 1px solid #666;
	border-radius: 4px;
	line-height: 20px;
	color: #333;
	background: rgba(255,255,255,.9);
	display: none;
	cursor: auto;
	font-weight: 700;
	height: 20px;
	width: 100px;
	text-align: center;
	overflow: hidden;
	resize: none;
   font-family: "Microsoft Yahei";
   }
   .foot b a .QQhover::after{
	position: absolute;
	left: 0;
	top: 0;
	line-height: 20px;
	content: "QQ:";
   }
   .foot b a:hover .QQhover{
	display: inline-block;
   }
.foot b img{ vertical-align:middle;}
/*goTop*/
/*goTop*/
.backHome{ width:54px; }
.backHome a{ width:38px; height:46px; display:block; float:left; background:#1F4A96; text-align:center; font:normal 14px/20px "Microsoft Yahei","simhei"; color:#fff; padding:8px 8px 0 8px; margin:2px 0; opacity:0.7; filter:alpha(opacity=70); background:url(../images/public/rightBar.png) no-repeat 0 0; overflow: hidden; text-indent: -9999px; }
.backHome a:hover{ opacity:1; filter:alpha(opacity=100); }
.backHome a.guest,.backHome a.guest:hover{ background:url(../images/public/rightBar.png) no-repeat 0 -114px; opacity: 0.7; filter:alpha(opacity=70); }
.backHome a.price{ background:url(../images/public/rightBar.png) no-repeat 0px -57px; opacity: 0.7; filter:alpha(opacity=70); }
.backHome a.guest:hover,.backHome a.price:hover{ opacity: 1; filter:alpha(opacity=100); }
.toTop{ width:54px; height:54px; position:fixed; _position:absolute; top:379px; _top:expression(eval(document.documentElement.scrollTop+321)); display:none; }
.toTop a,.toTop a:hover{ display:block; width:54px; height:54px; background:url(../images/public/rightBar.png) no-repeat 0px -171px; opacity: 0.6; filter:alpha(opacity=60); }
.toTop a:hover{ opacity:1; filter:alpha(opacity=100); }
#goTop { position:fixed; _position:absolute; top:203px; display:block; right:10px; }
*html, * html body { background-attachment:fixed; }
*html #goTop { position:absolute; right:expression(eval(document.documentElement.scrollLeft+10)); top:expression(eval(document.documentElement.scrollTop+145)); }
.sampleList{ width:100%; display:none; overflow:hidden;}